<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>校园一卡通管理系统</title>
    <!-- 网页在浏览器上的图标 -->
    <link type="text/html" rel="icon" href="./img/logo.jpg">
    <link type="text/css" rel="stylesheet" href="css/login.css">
    <script src="../lib/jquery-3.7.1.js"></script>
    <script src="js/login.js"></script>
</head>
<body>
<div class="login-area">
    <!-- logo + 标题 -->
    <div class="title">
        <img src="./img/logo.jpg" alt="">
        <div>
            <p>校园一卡通</p>
            <p>管理系统</p>
        </div>
    </div>

    <!-- tabs区域 -->
    <div class="tabs">
        <!-- 选项卡 -->
        <div class="tabs_head">
            <a class="checked">扫码登录</a>
            <a>账号登录</a>
            <a>短信登录</a>
        </div>

        <!-- 内容 -->
        <div class="tabs_content">
            <!-- 360 * 243 -->
            <div class="loginForm">
                <img src="img/scanLogin.svg" alt="">
                <p>
                    <a onclick="$('div.tabs>div.tabs_head>a').eq(2).click()">还没有账号？去注册一个</a>
                </p>
            </div>

            <!-- 360 * 229 -->
            <div class="loginForm" style="padding-bottom: 14px">
                <label>
                    <input id="account" class="loginInput" type="text" placeholder="请输入账号/手机号">
                </label>
                <label>
                    <input id="password" class="loginInput" type="password" placeholder="请输入密码">
                </label>
                <button type="button">登录</button>
                <p>
                    <a onclick="$('div.tabs>div.tabs_head>a').eq(2).click()">还没有账号？去注册一个</a>
                </p>
            </div>

            <!-- 360 * 243 -->
            <div class="loginForm">
                <label>
                    <input id="phone" class="loginInput" type="text" placeholder="请输入手机号">
                </label>
                <div>
                    <label>
                        <input id="code" class="loginInput" type="text" placeholder="验证码">
                    </label>
                    <button type="button">获取验证码</button>
                </div>
                <button type="button" class="disabledBtn">登录</button>
                <div class="rules">
                    <label>
                        <input type="checkbox">
                    </label>
                    <p>
                        未注册手机登录时会自动创建新账户,我已阅读并同意
                        <a>服务协议</a> 和 <a>隐私条款</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="general-popups">请输入手机号/账号</div>
</body>
</html>